<template>
  <div class="app-container">
    <div style="margin: 0 auto">
      <el-row :gutter="10">
        <el-col span="12" :offset="6">
          <div style="text-align: center;margin-bottom: 30px">
            区域详情信息
          </div>
          <el-form :model="regionInfo" ref="equipmentInfo">
            <el-form-item label="区域名称:" prop="name">
              {{ regionInfo.name }}
            </el-form-item>
            <el-form-item label="所属主体:" prop="enterpriseName">
              {{ regionInfo.enterpriseName }}
            </el-form-item>
            <el-form-item label="建筑名称:" prop="buildName">
              {{ regionInfo.buildName }}
            </el-form-item>
            <el-form-item label="楼层:" prop="floor">
              {{ regionInfo.floor}}
            </el-form-item>
            <el-form-item label="面积:" prop="area">
              {{ regionInfo.area }}
            </el-form-item>
            <el-form-item label="详细地址:" prop="address">
              {{ regionInfo.address }}
            </el-form-item>
            <el-form-item label="设备数量:" prop="equNumber">
              {{ regionInfo.equNumber }}
            </el-form-item>
            <el-form-item label="联动区域:" prop="peripheryName">
              {{ regionInfo.peripheryName}}
            </el-form-item>
          </el-form>
        </el-col>
      </el-row>
    </div>
  </div>
</template>

<script>
import {getInRegionVo} from "@/api/enterprise";

export default {
  name: "info",
  data(){
    return{
      regionInfo:{}
    }
  },
  created() {
    this.getInRegionVo()
  },
  methods:{
    getInRegionVo(){
      getInRegionVo({ucId:this.$route.query.ucId}).then(res=>{
        this.regionInfo = res.data
        this.$notify.success({
          title: '成功',
          message: "获取区域信息成功"
        })
      }).catch(error=>{
        this.$notify.error({
          title: '失败',
          message: error.message
        })
      })
    }
  },
}
</script>

<style
    scoped>

</style>